@charset 'utf-8';
@import "public/_config.scss";
.title{
	padding: pxToRem(29) 0 pxToRem(41);
	text-align: center;
	@include border-bottom-m;
	&::after{
	    border-color: #f0f0f0;
	};
	.til{
		font-size: pxToRem(36);
		color: #131313;
		font-weight: 600;
		padding-bottom: pxToRem(26);
	}
	.box{
		@include flex-box();
		font-size: pxToRem(24);
		color: #808080;
		width: pxToRem(400);
		margin: 0 auto;
		.item{
			@include flex-item();
			text-align: right;
			&.left{
				text-align: left;
				border-right: pxToRem(4) solid #c6c6c6;
			}
		}
	}
}
.content{
	.time{
		font-size: pxToRem(24);
		color: #808080;
		padding: pxToRem(20) pxToRem(20) pxToRem(40);
	}
	.act{
		padding: 0 pxToRem(20);
		.act-title{
			width: pxToRem(164);
			height: pxToRem(44);
			line-height: pxToRem(44);
			text-align: center;
			color: #fff;
			background-color: #3dbbb2;
			margin: 0 auto;
			border-radius: pxToRem(4);
			margin-bottom: pxToRem(40);
		}
		.p{
			font-size: pxToRem(30);
			line-height: pxToRem(48);
			color: #131313;
			margin-bottom: pxToRem(50);
		}
		img{
			max-width: 100%;
		}
	}
}
.sign-up{
	padding: pxToRem(38) 0;
	.btn{
		margin: 0 auto;
		height: pxToRem(100);
		line-height: pxToRem(100);
		width: pxToRem(530);
		border-radius: pxToRem(100);
		font-size: pxToRem(38);
		text-align: center;
		color: #fff;
		background-color: #3dbbb2;
	}
}
